<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Profile of Gert Spoelstra</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
  	<div id="content">
		<div id="navigation">This is the navigation!</div>
 		<div id="boxholder">
			<div class="previewtext">Project Manager</div>
			<div class="previewbox"><a href="#"><img src="Images/MCP_big.jpg" alt="MCP_big" width="360" height="310"></a></div>
			<div class="smallcolumn">
				<div style="position:relative; left:-20px;"><div class="smalltext">Hierarchical Checklists</div></div>
				<div class="smallbox"><a href="#"><img src="Images/webshop_1.jpg" alt="webshop_1"></a></div>
				<div class="smalltext">Associate Files</div>
				<div class="smallbox"><a href="#"><img src="Images/webshop_2.jpg" alt="webshop_2"></a></div>
			</div>
			<div class="smallcolumn">
				<div class="smalltext">Files Browser</div>
				<div class="smallbox"><a href="#"><img src="Images/webshop_3.jpg" alt="webshop_3"></a></div>
				<div class="smalltext">Comments</div>
				<div class="smallbox"><a href="#"><img src="Images/webshop_4.jpg" alt="webshop_4"></a></div>
			</div>
			<div class="smallcolumn">
				<div class="smalltext">Multiple Projects</div>
				<div class="smallbox"><a href="#"><img src="Images/webshop_5.jpg" alt="webshop_5"></a></div>
				<div class="smalltext">Free!</div>
				<div class="smallbox"><a href="#"><img src="Images/webshop_6.jpg" alt="webshop_6"></a></div>
			</div>
		</div>
 	</div>
  	<div id="footer">
    	<p>Footer</p>
	</div>
</div>
</body>
</html>